@charset "utf-8";
/* CSS Document */

body{ background:#f6f6f6; font-family:Arial, Helvetica, sans-serif;}
h1{ color:#bbb; text-align:center; text-shadow:0 1px #fff; font-size:40px; margin:10px 0;}
.wrap{ width:700px; height:560px; margin:auto; position:relative; border:solid 1px #ccc; box-shadow:0 0 5px rgba(0,0,0,.1);}
.ctrl{ position:absolute; right:10px; bottom:30px; }
.ctrl a{ border:solid 1px #ccc; text-decoration:none; padding:0 3px; color:#666; transition:all .3s ease;}
.ctrl a:hover{ background:#FC0; color:#fff;}
.wrap:hover .arrow{ display:block;}
.arrow{ position:absolute; top:50%; margin-top:-23px; width:100%; display:none;}
.arrow a{ display:block; height:47px; background:url(../images/arrow.png); width:29px; text-indent:-9999px; position:absolute; outline:0;}
a.prev{ background-position:-30px 0; left:.5em;}
a.next{ background-position:0 0; right:.5em;}
.footer{ text-align:center; color:#bbb; text-shadow:0 1px #fff;}
.footer h2{ margin-bottom:10px; font-size:30px;}
